<template>
    <div>
<van-nav-bar title="个人" />
<!-- 设置垂直间距 -->
<van-row :gutter="[20, 20]">
  <van-col span="12">
    <van-image
    style="margin-top: 10px;margin-left: 20px;"
  round
  width="10rem"
  height="10rem"
  src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
/>

  </van-col>
  <van-col span="12">
    <p>姓名：{{store.mydata.username}}</p>
    <p>手机号：{{store.mydata.sjh}}</p>
    <p>个性签名：哈哈哈哈哈</p>
  </van-col>
</van-row>
<div>
    <van-cell title="我的订单" is-link to="/myorder" />
    <van-cell title="积分商城" is-link />
    <van-cell title="兑换码" is-link />
    <van-cell title="售后客服" is-link />
</div>
    </div>
</template>

<script setup>
import { ref } from "vue";
import { useCounterStore } from '@/stores/my'
// 可以在组件中的任意位置访问 `store` 变量 ✨
const store = useCounterStore()
console.log(store.mydata);
</script>

<style lang="scss" scoped>

</style>